<template>
	<view>
		<page-head headTitle="找导游" :returnButton="true" :news="true" :newsTips="true" :sao="true"  @clickLeftReturn="clickLeftReturn" @clickRightNews="clickRightNews" @clickRightSao="clickRightSao"></page-head>
		<view class="flex bg-white p-l-r3 p-t-b3 justify-between fixed fixed-top9">
			<view class="flex flex-1 m-r1 bg-search search-h align-center border-r p-l2">
				<input class="search-width" placeholder-class="input-goods fs-3 search-width" type="text">
		    </view>
			<view class="flex search-h search-button justify-content align-center border-r">搜索</view>
		</view>
		<view class="delicacy-mt p-l-r3">
			<view class="bg-white flex p-t-b4 p-l-r border-r2 m-b2">
				<image src="/static/images/gict.png" class="delicacy-image mr" mode="widthFix"></image>
				<view class="flex-1 min-width">
					<view class="flex align-start justify-between m-t1 m-b">
						<view class="flex align-center">
							<text class="fs-32">赵小糖</text>
							<image class="gender-pic ml-2" src="/static/images/gender.png"></image>
						</view>
						<text class="iconfont icon-message book-icon"></text>
					</view>
					<view class="flex seek-text">
						<text class="flex justify-content align-center beautiful border-r-1 m-r1">美食</text>
						<text class="flex justify-content align-center on-foot border-r-1 m-r1">徒步</text>
						<text class="flex justify-content align-center explore border-r-1">探险</text>
					</view>
				</view>
			</view>
			<view class="bg-white flex p-t-b4 p-l-r border-r2 m-b2">
				<image src="/static/images/gict.png" class="delicacy-image mr" mode="widthFix"></image>
				<view class="flex-1 min-width">
					<view class="flex align-start justify-between m-t1 m-b">
						<view class="flex align-center">
							<text class="fs-32">赵小糖</text>
							<image class="gender-pic ml-2" src="/static/images/gender.png"></image>
						</view>
						<text class="iconfont icon-message book-icon"></text>
					</view>
					<view class="flex seek-text">
						<text class="flex justify-content align-center beautiful m-r1">美食</text>
						<text class="flex justify-content align-center on-foot m-r1">徒步</text>
						<text class="flex justify-content align-center explore">探险</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import pageHead from '@/components/common/page-head.vue'
	export default {
		components:{
			pageHead
		},
		data() {
			return {
				
			}
		},
		methods: {
			clickLeftReturn(){
				uni.navigateBack({
				    delta: 1
				});
			},
			// 消息中心
			clickRightNews(){
				uni.navigateTo({
				    url: '../../user/news-core/news-core'
				});
			},
			// 扫一扫
			clickRightSao(){
				
			}
		}
	}
</script>

<style scoped>
.search-icon{font-size: 60rpx;color: #AAAAAA;}
.delicacy-mt{margin-top: 280rpx;}
.delicacy-image{width: 170rpx;height: 170rpx;}
.seek-text text{width: 180rpx;height: 45rpx;}
.beautiful{border: 2rpx solid #E77C41;background-color: #FFEADE; color: #E77C41;}
.on-foot{border: 2rpx solid #50ACEC;background-color: #DEF2FF; color: #50ACEC;}
.explore{border: 2rpx solid #F1A733;background-color: #FFF2DE; color: #F1A733;}
.gender-pic{width: 23rpx;height: 36rpx;}
</style>
